<template>
  <div class="main-content-header">
    <i :class="routerMap[path].cls"></i>
    {{ routerMap[path].msg }}
  </div>
</template>

<script>
export default {
  props: ["path"],
  data() {
    return {
      routerMap: [
        {
          msg: "我的店铺",
          cls: "el-icon-s-shop",
        },
        {
          msg: "我的订单",
          cls: "el-icon-s-order",
        },
        {
          msg: "Qian's",
          cls: "el-icon-shopping-cart-full",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
@import "@/assets/global";
.main-content-header {
  position: absolute;
  top: 0;
  width: calc(100% - 45px);
  margin: 0 auto;
  height: 65px;
  line-height: 75px;
  font-size: x-large;
  color: $theme;
  border-bottom: 1px solid $theme;
}
</style>